<template>

  <el-container style="overflow: hidden; height: 100%; width: 100%; ">

    <el-header height="auto" style=" border-bottom: 1px solid rgba(6, 15, 26, 0.07); ">
      <api-header></api-header>
    </el-header>

    <el-container class="api-body-contaniner">

      <div style="width: 100%; display: flex; gap: 20px; ">


        <div style="flex: 1; display: flex;   gap: 20px; flex-direction: column; ">

          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>开发教程</span>
            </div>

            <div style="line-height: 40px;">
              <div class="text item">
                跨运宝开放平台介绍
              </div>
              <div class="text item">
                跨运宝平台业务介绍
              </div>

              <div class="text item">
                跨运宝开发放平台账号体系
              </div>

              <div class="text item">
                跨运宝开发放平台账号申请流程
              </div>

            </div>

          </el-card>

          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>接口文档</span>
              <el-button style="float: right; padding: 3px 0" type="text" @click="$jump('/api_doc/readme')">&gt;&gt; 全部接口</el-button>
            </div>
            <div style="line-height: 40px;">
              <div class="text item">
                OMS 订单管理系统接口
              </div>
              <div class="text item">
                TMS 运输管理系统接口
              </div>
              <div class="text item">
                WMS 仓储管理系统接口
              </div>
              <div class="text item">
                PMS 产品信息接口
              </div>
              <div class="text item">
                FMS 财务信息接口
              </div>
            </div>
          </el-card>
        </div>


        <div class="aside">

          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>常用工具</span>
            </div>

            <div style="line-height: 40px;">
              <div class="text item">
                <el-button @click="$jump('/debug_util')" type="text">接口调试工具</el-button>
              </div>
              <div class="text item">
                沟通群: 钉钉
              </div>
            </div>
          </el-card>
        </div>

      </div>

    </el-container>

  </el-container>

</template>


<script>

  import NavMenu from './api_sub/api-menu.vue'

  import ApiItem from './api_sub/api-item.vue'

  import ApiPortal from './api_sub/api-portal.vue'

  import ApiConfig from './api_sub/api-config.vue'

  import ApiLog from './api_sub/api-log.vue'

  import ApiDoc from './api_sub/api-doc.vue'

  import ApiHeader from '../layout/api-header.vue'

  export default {

    components: {ApiLog, ApiPortal, NavMenu, ApiItem, ApiConfig, ApiDoc, ApiHeader},

    data() {
      return {

        dialogVisible: false,

        saveButtonDisabled: false,

        dbClearValue: {},

        rules: {},

        dbClearAll: false,

        appArr: []

      };
    },

    watch: {},
    created() {

      this.queryUrl = $portal_context + '/open/OpenApiConfigRpc/queryAllApp.json'
      this.delUrl = $portal_context + '/open/OpenApiConfigRpc/delAppInfo.json';
      this.loadAllApps()
    },
    mounted() {
      var _this = this;

    },

    destroyed() {
    },

    methods: {


      loadAllApps() {
      },


      delPlan(item) {

        let _this = this

        this.$confirm('确定删除配置 [' + item.projectName + '] 吗？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {

          _this.$ajax({
            url: '/haiq-devops/plan/PlanRpc/del.json?id=' + item.id,
            success(res) {
              _this.$message({
                showClose: true,
                message: '删除成功',
                type: 'success'
              })

              _this.loadAllProject()
            }
          })

        }).catch(() => {

        });
      }

    }
  }

</script>
<style scoped>
  .aside{
    width: 300px;
  }
  @media screen and (max-width: 1200px) {
  .aside{
      width: auto;
    }
  }
  .db_clear_list .el-checkbox {
    width: 600px;
    line-height: 30px;
  }

  .resource-div-block {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .resource-div-block div {
    padding: 14px 40px 14px 40px;
    margin-bottom: 14px;
    font-size: 28px;
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
  }


</style>
